<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<link href="dist/css/starter-template.css" rel="stylesheet">

<script src="dist/js/jquery-1.9.1.min.js"></script>
<script src="dist/js/login-page.js"></script>
<script src="dist/js/custom-validation.js"></script>
<script src="dist/js/jquery.validate.min.js"></script>
<script src="dist/js/validator.js"></script>

<body onload='display_ct()'>
<!-- DATE TIME SECTION -->
<div class="row" id="hdate">
	<div class="col-md-12">
		<div class="starter-template" >
			<h1 id="date"></h1>
			<h1 id="time"></h1>
		</div>
	</div>
</div>

<!-- END OF DATE TIME SECTION -->

<!-- USER INFORMATION SECTION -->

	<div class="row userInfo" id="userDetails">
		<div class="col-md-12">
		   <div id="name">
			  <h3 id="fullName"></h3>
				<hr>
			</div>
					<div class="login_details" id="loginDetails">
				         <h5 id="timeIn"></h5>
					     <h5 id="timeOut"></h5>
					
						<div class="form-group ">
							 <input type="password"  data-minlength="4" name="pwd" id="pwd" class="form-control" required="required" placeholder="Password" autofocus name="password" onkeyup="validate()" />
						     <label class="error" for="password"
									style="color: red" generated="true" id="passwordlabel"></label>
						</div>
							<p class="help-block"><a  onclick="update()">Change Password</a></p>
							<input type="hidden" id="id" >
							<input type="button" class="btn btn-primary btn-lg" onclick="check()" value="Submit">
					</div>
					 <div class="row">
			         	<div class="col-md-9 form-group">
				               <p id="cpwdMessage" class="alert"></p>
					      <div class="row" id="successLogin">
	                            <div class="col-md-9 form-group" >
	       	                    <div id="logged" class="alert "></div>
	                      </div>
                         </div>
					<div id="changepasswordDetails">
					     <div class="row ">
					        <div class="col-md-12">
					            <input type="password" data-minlength="4" class="form-control" id="old_password" placeholder="Old password" required onkeyup="cvalidate()">
								<label class="error" for="oldpassword"
									style="color: red" generated="true" id="oldpasswordlabel"></label>
									<hr>						
							</div>		
								
						 </div>	
						   <div class="row userInfo">
					            <div class="col-md-12">
					        
								   <input type="password" data-minlength="4" class="form-control" id="inputPassword" placeholder="Password" required onkeyup="cvalidate()">
								   <label class="error" for="inputpassword"
									style="color: red" generated="true" id="inputpasswordlabel"></label>
								<p>
                                 </div>		
							</div>
						
							
							<div class="row userInfo">
					             <div class="col-md-12">
									<input type="password" class="form-control" id="confirmInputPassword" data-match="#inputPassword" data-match-error="Whoops, these don't match" placeholder="Confirm" required onkeyup="cvalidate()">
								 </div>		
							</div>
							<div class="row userInfo">
					           <div class="col-md-12">
								    <label class="error" for="inputpassword"
									style="color: red" generated="true" id="confirmpasswordlabel"></label>
									<p>
								</div>		
							</div>
									
							<input type="button" class="btn btn-primary btn-lg"  value="Submit" onclick="changePassword()" >
								 	
						</div>
								
					</div>
				</div>
			</div>
		</div>
					
				
	
	
<!-- END OF USER INFORMATION SECTION -->
</body>